﻿@{
    Layout = null;
}


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="~/img/favicon.ico" /> 　　
    <link rel="bookmark" href="~/img/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="~/H-ui/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="~/H-ui/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="~/H-ui/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="~/H-ui/static/h-ui.admin/skin/green/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="~/H-ui/static/h-ui.admin/css/style.css" />
    <title>维修</title>
    <style>
        .Huifold .item {
            position: relative;
        }
            .Huifold .item h4 {
                margin: 0;
                font-weight: bold;
                position: relative;
                border-top: 1px solid #fff;
                font-size: 15px;
                line-height: 22px;
                padding: 7px 10px;
                background-color: #eee;
                cursor: pointer;
                padding-right: 30px;
            }

                .Huifold .item h4 b {
                    position: absolute;
                    display: block;
                    cursor: pointer;
                    right: 10px;
                    top: 7px;
                    width: 16px;
                    height: 16px;
                    text-align: center;
                    color: #666;
                }

            .Huifold .item .info {
                display: none;
                padding: 10px;
            }
    </style>
   
</head>
<body class="bb1">
    <header class="navbar-wrapper">
        <div class="navbar navbar-fixed-top">
            <div class="container-fluid cl">
                <a class="logo navbar-logo f-l mr-10 hidden-xs" href="#">中国铁路</a> <a class="logo navbar-logo-m f-l mr-10 visible-xs" href="/aboutHui.shtml">H-ui</a>
                <span class="logo navbar-slogan f-l mr-10 hidden-xs">v3.1</span>
                <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
                <nav class="nav navbar-nav">
                    <ul class="cl">
                        <li class="dropDown dropDown_hover">
                            <a href="javascript:;" class="dropDown_A"><i class="Hui-iconfont">&#xe600;</i> 新增 <i class="Hui-iconfont">&#xe6d5;</i></a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li><a href="javascript:;" onclick="collme('联系我们', '/Home/collme', '800', '500')"><i class="Hui-iconfont"></i> 联系我们</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
                <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
                    <ul class="cl">
                        <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=782903169&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:782903169:52" alt="点击这里给我发消息" title="点击这里给我发消息" /></a></li>
                        <li>欢迎</li>
                        <li class="dropDown dropDown_hover">
                            <a href="#" class="dropDown_A">@Session["UserName"] <i class="Hui-iconfont">&#xe6d5;</i></a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li><a href="#" onclick="tui()">退出</a></li>
                            </ul>
                        </li>
                        <li id="Hui-skin" class="dropDown right dropDown_hover">
                            <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li><a href="javascript:;" data-val="default" title="默认（黑色）">默认（黑色）</a></li>
                                <li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
                                <li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
                                <li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
                                <li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
                                <li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <aside class="Hui-aside" style="background-image: url('../../img/bjt7-1-1.gif');background-size:1920px 1080px;">
        <h1 style="color:#ff0000;text-align:center">中国铁路</h1>
        <h3 style="color:#ff0000;text-align:center">China &nbsp;Railway</h3>
        <div class="menu_dropdown bk_2" id="div1">
                  
        </div>
    </aside>
    <div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onclick="displaynavbar(this)"></a></div>
    <section class="Hui-article-box">
        <div id="Hui-tabNav" class="Hui-tabNav hidden-xs">
            <div class="Hui-tabNav-wp">
                <ul id="min_title_list" class="acrossTab cl">
                    <li class="active">
                        <span title="首页" data-href="/Home/ShowPage">首页</span>
                        <em></em>
                    </li>
                </ul>
            </div>
            <div class="Hui-tabNav-more btn-group"><a id="js-tabNav-prev" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d4;</i></a><a id="js-tabNav-next" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d7;</i></a></div>
        </div>
        <div id="iframe_box" class="Hui-article">
            <div class="show_iframe">
                <div style="display:none" class="loading"></div>
                <iframe scrolling="yes" frameborder="0" src="/Home/ShowPage"></iframe>
            </div>
        </div>
    </section>

    <div class="contextMenu" id="Huiadminmenu">
        <ul>
            <li id="closethis">关闭当前 </li>
            <li id="closeall">关闭全部 </li>
        </ul>
    </div>
    <div>
    </div>
    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="~/H-ui/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">

    //显示父级节点
    show();
    function show() {
        $.ajax({
            type: "post",
            url: "/Home/Partent",
            success: function (obj) {
                var htmltab = "";
                for (var m = 0; m < obj.length; m++) {
                    var pid = obj[m].PermissionId
                    htmltab += "<dl id=\"menu-" + m + "\">"
                    htmltab += "<dt onclick=\"ff(" + pid + ")\" id=\"dt" + pid + "\"><i class=\"Hui-iconfont\" style='color:#ff0000'>&#xe616;</i><span>" + obj[m].PermissionName + "</span><i class=\"Hui-iconfont menu_dropdown-arrow\"  >&#xe6d5;</i></dt>"
                    htmltab += "<dd id=\"dd" + pid + "\"><span id=\"mm" + pid + "\">" + parentId(pid) + "</span></dd>"
                    htmltab += "</dl>"
                    $("#div1").html(htmltab);
                }
            }
        })
    }
    //显示子级节点
    function parentId(id) {
        $.ajax({
            type: "post",
            url: "/Home/PartentId",
            data: { id: id },
            success: function (result) {
                var htmltab1 = "";
                $("#mm" + id).empty();
                for (var j = 0; j < result.length; j++) {
                    htmltab1 += "<ul><li><a data-href=\"" + result[j].PermissionUrl + "\" data-title=\"" + result[j].PermissionName + "\" href='javascript:void(0)'>" + result[j].PermissionName + "</a></li></ul>"
                }
                $("#mm" + id + "").html(htmltab1);
            }
        })
    }
    //点击下拉事件
    function ff(id) {
        if ($("#dt" + id).attr("class") == "selected") {
            $("#dt" + id).removeClass("selected")
            $(this).addClass("selected");
        }
        else {
            $("#dt" + id).addClass("selected")
            $(this).removeClass("selected");
        }
        if ($("#dd" + id).attr("class") == "selected") {
            $("#dd" + id).removeClass("selected")
            $(this).addClass("selected");
        }
        else {
            $("#dd" + id).addClass("selected")
            $(this).removeClass("selected");
        }
    }
    function tui() {
        if(confirm("确定退出？"))
        {
           
            location.href='/Home/TuiCHu';
        }


    }

    </script>

    <script type="text/javascript" src="~/H-ui/lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="~/H-ui/static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="~/H-ui/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
    <!--请在下方写此页面业务相关的脚本-->
  


    <script type="text/javascript">

        jQuery.Huifold = function (obj, obj_c, speed, obj_type, Event) {
            if (obj_type == 2) {
                $(obj + ":first").find("b").html("-");
                $(obj_c + ":first").show()
            }
            $(obj).bind(Event, function () {
                if ($(this).next().is(":visible")) {
                    if (obj_type == 2) {
                        return false
                    }
                    else {
                        $(this).next().slideUp(speed).end().removeClass("selected");
                        $(this).find("b").html("+")
                    }
                }
                else {
                    if (obj_type == 3) {
                        $(this).next().slideDown(speed).end().addClass("selected");
                        $(this).find("b").html("-")
                    } else {
                        $(obj_c).slideUp(speed);
                        $(obj).removeClass("selected");
                        $(obj).find("b").html("+");
                        $(this).next().slideDown(speed).end().addClass("selected");
                        $(this).find("b").html("-")
                    }
                }
            })
        }
        $(function () {
            $.Huifold("#Huifold1 .item h4", "#Huifold1 .item .info", "fast", 1, "click"); /*5个参数顺序不可打乱，分别是：相应区,隐藏显示的内容,速度,类型,事件*/
        });
        function collme(title, url, w, h) {
            layer_show(title, url, w, h);
        }
    </script>
</body>

</html>
